<div style="width: 100%; height: 100%">
  <div
    style="width: 100%; height: 10%"
  >
    <div><span>选中的行：</span><span>{{selectedRowIndex}}</span></div>
  </div>
  <ag-grid-angular
    style="width: 100%; height: 90%"
    class="ag-theme-alpine"
    [columnDefs]="colDef"
    [rowHeight]="30"
    [rowData]="orderList | async"
    [defaultColDef]="defaultColDef"
    [rowSelection]="'multiple'"
    [suppressRowClickSelection]="true"
    [animateRows]="true"
    [columnTypes]="columnType"
    (gridReady)="onGridReady($event)"
    (selectionChanged)="onSelectionChanged($event)"
    (cellClicked)="onCellClicked($event)"
  ></ag-grid-angular>
</div>
